<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>贫困数据录入</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="css/amazeui.css"/>
    <link rel="stylesheet" href="css/admin.css">
    <script src="js/jquery-1.4.2.min.js"></script>
    <script src="js/iscroll.js"></script>
    <style>
        body {
            -webkit-user-select: none;
            -webkit-text-size-adjust: none;
            font-family: helvetica;
        }
        #content{
            width: 100%;
            height: 100%;
            padding-bottom: 2em;
        }
        .ifrmeheight{
            width: 100%;
            height: 100%;

        }
    </style>
    <script>
        $(document).ready(function () {
            //1代表村录入  2代表户录入
            var input = window.localStorage.getItem("input");
            if(input==1){
                $("#tabTwo").removeClass("am-active");
                $("#tabOne").attr("class", "am-active");
                pageEnter("one");
            }else if(input==2){
                $("#tabTwo").attr("class", "am-active");
                $("#tabOne").removeClass("am-active");
                pageEnter("two");
            }else{
                $("#tabTwo").removeClass("am-active");
                $("#tabOne").attr("class", "am-active");
                pageEnter("one")
            }
            localStorage.clear();

          /*  */
        });

        function pageEnter(id) {
            var content = document.getElementById("content");
            switch (id) {
                case "one":
                    content.src = "VillageInput.html";
                    break;
                case "two":
                    content.src = "FarmerInput.html";
                    break;
            }
        }
    </script>
</head>
<body>
<div class="am-tabs ifrmeheight" id="doc-my-tabs">
    <ul class="am-tabs-nav am-nav am-nav-tabs am-nav-justify">
        <li id="tabOne" class="am-active"><a>贫困村录入</a></li>
        <li id="tabTwo"><a>贫困户录入</a></li>
    </ul>
    <iframe id="content">

    </iframe>
</div>
<script>
    $(function () {
        $('#doc-my-tabs');
    });
    $('#tabTwo').click(function () {
        $("#tabTwo").attr("class", "am-active");
        $("#tabOne").removeClass("am-active");
        pageEnter("two");
    });
    $('#tabOne').click(function () {
        $("#tabTwo").removeClass("am-active");
        $("#tabOne").attr("class", "am-active");
        pageEnter("one")
    });

</script>
</body>
</html>